/*
Welcome! If you edit this code, please maintain this order of attributes:
.block{
	display:{display};
	...
	flexs
	...
	height:{value};
	width:{value};
	color:{value};
	background-color:{value};
	font-family:{value};
	font-size:{value};
	text-decoration:{value};
	...
	borders(radius, or default)
	...
}
*/
@font-face {
  font-family: 'Ubuntu';
	src: url(../fonts/Ubuntu-Regular.ttf);
}
*{
	margin:0;
	padding:0;
}
body {
	background-color:#111;
	font-family:'Ubuntu';
}
h1{
	color:#fff;
}h2{
	color:#ffc;
	font-size:20px;
}p{
	color:#fff;
}a{
	color:#ffc;
	text-decoration:underline;
}a:hover{
	text-decoration:none;
}hr {
	background:#333;
	border:none;
	height:3px;
	transition:all 1s;
}#version-interface{
	display:flex;
	justify-content:center;
	align-items:center;
	height:25px;
	width:50px;
	color:#222;
	background-color:#fff;
	border-radius:5px;
	margin-left:5px;
}
nav{
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
}
.main{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:500px;
}
.version{
	display:flex;
	justify-content:center;
	align-items:center;
	height:75px;
	width:80vw;
	background-color:#222;
	border-radius:10px;
	margin:25px;
	transition:all 1s;
}.version:hover{
	display:flex;
	justify-content:center;
	align-items:center;
	height:65px;
	width:80vw;
	background-color:#222;
	border-radius:10px;
	margin:25px;
	margin-top:15px;
	margin-bottom:15px;
	transition:all 1s;
}.version-box{
	display:flex;
	height:80px;
	transition:all 1s;
}.version-box:hover{
	padding-top:10px;
	transition:all 1s;
}
footer{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:75px;
}
@media(max-width:950px){
	.about{
		width: 600px;
	}
}@media screen and (max-width:740px){
	.about{
		width: 280px;
	}
}
